.zl{
	display：table-cell;vertical-align: middle;
}
.cate-container.channel-cate-container .cate-index .Hidden,.cate-container.search-cate-container .cate-index .Hidden {
 visibility:hidden
}
.cate-container .clearfix,.channel-footer .clearfix,.footer-container .clearfix {
 content:"";
 clear:both;
 overflow:hidden
}
.cate-container ul,.footer-container .index-footer ul {
 list-style:none
}
.browser-update-ie {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:10000
}
.browser-update-ie .browser-overlay {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#000;
 opacity:.6;
 filter:alpha(opacity=60);
 width:100%;
 height:100%
}
.browser-update-ie .browser-ie-con {
 background-image:url(//p0.meituan.net/mobilem/a0bf25008ed33efce84cca9ae5f30b0e19456.png);
 background-repeat:no-repeat;
 width:570px;
 height:366px;
 position:absolute;
 top:230px
}
.browser-update-ie .browser-ie-con .close {
 width:33px;
 height:33px;
 background-color:rgba(0,0,0,.65);
 opacity:.65;
 filter:alpha(opacity=65);
 position:absolute;
 top:10px;
 right:30px;
 border-radius:50%;
 color:#fff;
 font-size:20px;
 text-align:center;
 line-height:33px;
 cursor:pointer
}
.cate-container.channel-cate-container.education-conf .nav-header .navbar .all-cate,.logo-input.education-conf .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:first-child {
 background-color:#5ca94d
}
.browser-update-ie .browser-ie-con .browser-download {
 width:139px;
 height:40px;
 position:absolute;
 top:127px
}
.browser-update-ie .browser-ie-con .browser-download a {
 display:inline-block;
 width:100%;
 height:100%
}
.browser-update-ie .browser-ie-con .chrome {
 left:140px
}
.browser-update-ie .browser-ie-con .firefox {
 left:296px
}
.logo-input.education-conf .logo-input-container .search-bar {
 margin-left:20px
}
.logo-input.baby-conf .logo-input-container .search-bar,.logo-input.beauty-conf .logo-input-container .search-bar,.logo-input.home-conf .logo-input-container .search-bar,.logo-input.wedding-conf .logo-input-container .search-bar {
 margin-left:45px
}
.logo-input.education-conf .logo-input-container .search-bar .search-container input {
 width:370px;
 border:2px solid #5ca94d
}
.logo-input.education-conf .dp-search-suggest {
 width:390px
}
.cate-container.channel-cate-container.education-conf .nav-header {
 border-bottom:2px solid #5ca94d
}
.cate-container.channel-cate-container.wedding-conf .nav-header .navbar .all-cate,.logo-input.wedding-conf .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:first-child {
 background-color:#FF6585
}
.logo-input.wedding-conf .logo-input-container .search-bar .search-container input {
 width:370px;
 border:2px solid #FF6585
}
.logo-input.wedding-conf .dp-search-suggest {
 width:390px
}
.cate-container.channel-cate-container.wedding-conf .nav-header {
 border-bottom:2px solid #FF6585
}
.cate-container.channel-cate-container.home-conf .nav-header .navbar .all-cate,.logo-input.home-conf .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:first-child {
 background-color:#FF8400
}
.logo-input.home-conf .logo-input-container .search-bar .search-container input {
 width:370px;
 border:2px solid #FF8400
}
.logo-input.home-conf .dp-search-suggest {
 width:390px
}
.cate-container.channel-cate-container.home-conf .nav-header {
 border-bottom:2px solid #FF8400
}
.cate-container.channel-cate-container.baby-conf .nav-header .navbar .all-cate,.logo-input.baby-conf .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:first-child {
 background-color:#ffa289
}
.logo-input.baby-conf .logo-input-container .search-bar .search-container input {
 width:370px;
 border:2px solid #ffa289
}
.logo-input.baby-conf .dp-search-suggest {
 width:390px
}
.cate-container.channel-cate-container.baby-conf .nav-header {
 border-bottom:2px solid #ffa289
}
.cate-container.channel-cate-container.beauty-conf .nav-header .navbar .all-cate,.logo-input.beauty-conf .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:first-child {
 background-color:#f1729d
}
.logo-input.beauty-conf .logo-input-container .search-bar .search-container input {
 width:370px;
 border:2px solid #f1729d
}
.logo-input.beauty-conf .dp-search-suggest {
 width:390px
}
.cate-container.channel-cate-container.beauty-conf .nav-header {
 border-bottom:2px solid #f1729d
}
.cate-container.group-conf .nav-header .navbar .other-cate:nth-of-type(3) {
 color:#f63
}
.logo-input.group-conf .logo-input-container .search-bar {
 margin-left:30px
}
.logo-input.group-conf .logo-input-container .search-bar .search-container input {
 width:370px;
 border:2px solid #f63
}
.logo-input.group-conf .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:first-child {
 background-color:#f63
}
.logo-input.group-conf .dp-search-suggest {
 width:390px
}
.channel-footer {
 width:1190px;
 margin:10px auto 0;
 padding:30px 0
}
.channel-footer .clearfix {
 display:block
}
.channel-footer .Hide {
 display:none
}
.channel-footer .link-items a,.channel-footer .links,.channel-footer .rights {
 text-align:center;
 font-size:12px;
 color:#8c8c8c
}
.channel-footer .links a,.channel-footer .rights a {
 color:#8c8c8c
}
.channel-footer .links a:hover,.channel-footer .rights a:hover {
 color:#f63
}
.channel-footer .links {
 color:#ebebeb;
 margin-bottom:10px
}
.channel-footer .links a {
 margin:0 7px
}
.channel-footer .ext-container {
 margin:0 auto;
 width:705px
}
.channel-footer .ext-container a {
 text-decoration:none;
 padding:0 10px
}
.channel-footer .ext-container .link-items {
 border:1px solid #ccc;
 border-radius:5px;
 padding:0 10px
}
.channel-footer .ext-container .link-items a:hover {
 color:#f63
}
.footer-container {
 width:100%;
 min-width:1190px;
 background:#f0f0f0;
 font-size:12px;
 margin-top:20px
}
.footer-container .clearfix {
 display:block
}
.footer-container .Hide {
 display:none
}
.footer-container .index-footer {
 width:1190px;
 margin:0 auto;
 padding:30px 0
}
.footer-container .index-footer a {
 color:#333;
 text-decoration:none
}
.footer-container .index-footer a:hover {
 color:#f63
}
.footer-container .index-footer .links-item,.footer-container .index-footer .list-item,.footer-container .index-footer .tab-item {
 float:left
}
.footer-container .index-footer .footer-tab {
 margin-bottom:5px;
 text-align:center
}
.footer-container .index-footer .footer-tab .tab-item {
 box-sizing:border-box;
 font-size:15px;
 color:#777;
 font-weight:700;
 height:36px;
 line-height:36px;
 width:170px
}
.footer-container .index-footer .footer-tab .tab-item.active {
 background:rgba(255,255,255,.7)
}
.footer-container .index-footer .footer-tab .item-content {
 height:36px;
 line-height:36px;
 background:rgba(255,255,255,.7)
}
.footer-container .index-footer .footer-tab .item-content .list-item {
 padding:0 30px;
 overflow:hidden;
 white-space:nowrap
}
.footer-container .index-footer .footer-tab .item-content .list-item a {
 color:#777
}
.footer-container .index-footer .footer-tab .item-content .list-item a:hover {
 color:#f63
}
.footer-container .index-footer .footer-links {
 padding:20px 0 15px 15px;
 border-bottom:1px solid #e3e3e3;
 color:#777
}
.footer-container .index-footer .footer-links a {
 color:#777
}
.footer-container .index-footer .footer-links .links-item {
 width:27%
}
.footer-container .index-footer .footer-links .links-item:last-child {
 width:auto
}
.footer-container .index-footer .footer-links .links-item .link-title {
 font-size:15px;
 line-height:20px;
 font-weight:700
}
.footer-container .index-footer .footer-links .links-item .link-panel {
 margin-top:10px
}
.footer-container .index-footer .footer-links .links-item .link-panel .link-li {
 line-height:25px
}
.footer-container .index-footer .footer-links .links-item .link-panel .link-li a:hover {
 color:#f63
}
.footer-container .index-footer .footer-links .links-item .link-panel .qrcode-img {
 float:left;
 margin-right:40px;
 text-align:center
}
.footer-container .index-footer .footer-links .links-item .link-panel .qrcode-img .app-qrcode {
 display:inline-block;
 height:100px;
 width:100px;
 background:url(//www.dpfile.com/app/pc-common/i/app-qrcode.png) no-repeat;
 background-size:100px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .footer-container .index-footer .footer-links .links-item .link-panel .qrcode-img .app-qrcode {
  background:url(//www.dpfile.com/app/pc-common/i/app-qrcode@2x.png) no-repeat;
  background-size:100px auto
 }
}
.footer-container .index-footer .footer-declare {
 margin-top:20px;
 text-align:center
}
.footer-container .index-footer .footer-declare .company-desc {
 height:25px;
 line-height:25px;
 color:#999
}
.footer-container .index-footer .footer-declare .company-desc a:hover {
 color:#f63
}
.footer-container .index-footer .footer-declare .all-right {
 display:inline-block;
 padding:0 5px
}
.footer-container .index-footer .footer-declare .a-link {
 color:#999
}
.footer-container .index-footer .footer-declare .certify {
 margin-top:10px
}
.footer-container .index-footer .footer-declare .certify a {
 line-height:35px;
 height:35px;
 display:inline-block
}
.footer-container .index-footer .footer-declare .certify .wgxxjb {
 background:url(//www.dpfile.com/app/pc-common/i/wgxxjb.png);
 width:95px
}
.footer-container .index-footer .footer-declare .certify .yhxxjb {
 background:url(//www.dpfile.com/app/pc-common/i/yhxxjb.jpg);
 width:72px
}
.footer-container .index-footer .footer-declare .certify .shzx {
 background:url(//www.dpfile.com/app/pc-common/i/shzx.png);
 width:88px
}
.footer-container .index-footer .footer-declare .certify .gongshang {
 background:url();
 width:36px
}
.footer-container .index-footer .footer-declare .certify .kxwz {
 background:url(//www.dpfile.com/app/pc-common/i/kxwz.jpg);
 width:97px
}
.footer-container .index-footer .footer-declare .certify .renzheng {
 background:url(//www.dpfile.com/app/pc-common/i/renzheng.png);
 width:40px
}
.footer-container .index-footer .footer-declare .certify .cxwz {
 background:url(//www.dpfile.com/app/pc-common/i/cxwz.png);
 width:100px
}
.footer-container .index-footer .footer-declare .certify .police {
 background:url(//www.dpfile.com/app/pc-common/i/police.png);
 width:87px
}
.footer-container .index-footer .footer-declare .certify .xfwq {
 background:url(//www.dpfile.com/app/pc-common/i/xfwq.jpg);
 width:150px
}
.footer-container .index-footer .footer-declare .certify .wlwh {
 background:url(//www.dpfile.com/app/pc-common/i/wlwh.jpg);
 width:93px
}
.footer-container .index-footer .footer-declare .certify .certify-img {
 height:35px;
 display:inline-block;
 background-size:auto 35px;
 background-repeat:no-repeat
}
.cate-container.search-cate-container .nav-header {
 border-bottom:2px solid #f63
}
.cate-container.search-cate-container .nav-header .navbar .all-cate .primary-more {
 display:inline-block;
 width:16px;
 height:16px;
 background:url() no-repeat;
 background-size:16px auto;
 position:relative;
 left:100px;
 top:5px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .cate-container.search-cate-container .nav-header .navbar .all-cate .primary-more {
  background:url() no-repeat;
  background-size:16px auto
 }
}
.cate-container.search-cate-container .nav-header .gradient {
 z-index:-1
}
.cate-container.search-cate-container .cate-index .cate-nav {
 position:absolute;
 background:#fff;
 box-shadow:-1px 2px 6px rgba(0,0,0,.3);
 top:-2px
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container a {
 color:#333
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container a:hover {
 color:#f63
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item span {
 color:#666
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item span:hover {
 color:#f63
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate {
 background:#f8f8f8;
 border:2px solid #f8f8f8;
 top:-2px;
 height:514px;
 box-shadow:3px 2px 4px rgba(0,0,0,.3)
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item {
 color:#666
}
.cate-container.search-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item:hover {
 color:#f63
}
.cate-container.search-cate-container .cate-index .cate-nav .active {
 background:#f8f8f8
}
.cate-container.search-cate-container .cate-index .cate-nav .active .span-container,.cate-container.search-cate-container .cate-index .cate-nav .active span {
 background:0 0
}
.cate-container.channel-cate-container .nav-header {
 border-bottom:2px solid #f63
}
.cate-container.channel-cate-container .nav-header .navbar .all-cate {
 position:relative
}
.cate-container.channel-cate-container .nav-header .navbar .all-cate .primary-more {
 display:inline-block;
 width:16px;
 height:16px;
 background:url() no-repeat;
 background-size:16px auto;
 position:absolute;
 right:15px;
 top:10px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .cate-container.channel-cate-container .nav-header .navbar .all-cate .primary-more {
  background:url() no-repeat;
  background-size:16px auto
 }
}
.cate-container.channel-cate-container .cate-index {
 margin:0 auto;
 width:1190px;
 position:relative;
 z-index:109
}
.cate-container.channel-cate-container .cate-index .cate-nav {
 position:absolute;
 background:#fff;
 box-shadow:-1px 2px 6px rgba(0,0,0,.3);
 height:auto;
 top:-2px
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item {
 padding:5px 5px 5px 10px;
 height:auto;
 line-height:15px
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container a {
 color:#333
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container a:hover {
 color:#f63
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-title {
 font-size:15px;
 font-weight:700;
 color:#333
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item span {
 color:#666
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item span:hover {
 color:#f63
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate {
 width:320px;
 background:#f8f8f8;
 border:2px solid #f8f8f8;
 top:-2px;
 box-shadow:3px 2px 4px rgba(0,0,0,.3)
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups {
 margin:0 30px
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .sec-title {
 min-width:260px
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .sec-title .channel-title {
 font-weight:700
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item {
 color:#666;
 padding-right:10px;
 width:76px
}
.cate-container.channel-cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item:hover {
 color:#f63
}
.cate-container.channel-cate-container .cate-index .cate-nav .active {
 background:#f8f8f8
}
.cate-container.channel-cate-container .cate-index .cate-nav .active .span-container,.cate-container.channel-cate-container .cate-index .cate-nav .active span {
 background:0 0
}
.cate-container a {
 text-decoration:none;
 display:inline-block;
 color:#333;
 font-size:12px;
 position:relative
}
.cate-container .Hide {
 display:none
}
.cate-container .clearfix {
 display:block
}
.cate-container .hot-icon {
 background:url() no-repeat;
 display:inline-block;
 height:15px;
 width:12px;
 max-height:15px;
 max-width:15px;
 position:relative;
 top:0;
 left:2px;
 background-size:12px auto
}
.cate-container .nav-header {
 width:100%;
 min-width:1190px;
 height:35px;
 background:#fff
}
.cate-container .nav-header .navbar {
 height:35px;
 line-height:35px;
 margin:0 auto;
 width:1190px
}
.cate-container .nav-header .navbar .home-page {
 display:inline-block;
 width:23px;
 height:23px;
 background:url() no-repeat;
 background-size:23px auto;
 position:relative;
 left:100px;
 top:8px
}
.cate-container .nav-header .navbar .cate-item {
 font-size:15px;
 margin-left:50px;
 font-weight:700
}
.cate-container .nav-header .navbar .cate-item:hover {
 color:#f63
}
.cate-container .nav-header .navbar .hot-icon {
 left:-2px
}
.cate-container .nav-header .navbar .all-cate {
 display:inline-block;
 box-sizing:border-box;
 width:210px;
 color:#fff;
 background:#ff6b37;
 padding-left:15px;
 font-size:15px;
 margin-left:0
}
.cate-container .nav-header .navbar .all-cate:hover {
 color:#fff
}
.cate-container .nav-header .navbar .topic-cate {
 font-weight:400;
 margin:0 25px
}
.cate-container .nav-header .navbar .cate-item.seperate::after {
 content:"|";
 color:#ccc;
 height:30px;
 margin-left:25px;
 font-weight:lighter
}
.cate-container .gradient {
 position:absolute;
 width:100%;
 min-width:1190px;
 height:40px;
 background:linear-gradient(#e9e9e9,#f8f8f8);
 z-index:-1
}
.cate-container .cate-index .cate-nav .first-cate,.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container {
 position:relative
}
.cate-container .cate-index {
 margin:0 auto;
 width:1190px;
 position:relative;
 z-index:109
}
.cate-container .cate-index .cate-nav {
 background:#383131;
 padding:4px 0;
 height:512px;
 width:210px;
 z-index:109
}
.cate-container .cate-index .cate-nav a:hover {
 color:#ff6b37
}
.cate-container .cate-index .cate-nav .first-cate .first-item {
 padding-left:15px;
 height:32px;
 width:195px;
 line-height:32px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container {
 display:inline-block;
 width:185px;
 overflow:hidden;
 white-space:nowrap;
 content:'';
 clear:both;
 height:32px;
 line-height:32px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container a {
 color:#fff
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container a:hover {
 color:#f63
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-title {
 font-size:15px;
 letter-spacing:1px;
 text-align:left;
 float:left
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item {
 padding-left:10px;
 font-size:12px;
 float:left
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item span {
 color:#ccc
}
.cate-container .cate-index .cate-nav .first-cate .first-item .primary-container .span-container .index-item span:hover {
 color:#f63
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate {
 position:absolute;
 height:516px;
 width:395px;
 z-index:109;
 left:210px;
 top:-4px;
 background:#fff;
 box-shadow:2px 2px 6px rgba(0,0,0,.3);
 border:2px solid #f63;
 border-left:none;
 overflow:hidden
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups {
 float:left;
 padding-bottom:10px;
 margin:0 34px;
 max-height:498px;
 overflow:hidden
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title {
 margin-bottom:10px;
 border-bottom:1px solid #eee;
 position:relative;
 min-width:327px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title a {
 color:#333
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title a:hover {
 color:#f63
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title span {
 color:#333
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title .channel-title {
 margin-top:15px;
 display:inline-block;
 font-size:15px;
 line-height:35px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title .more-cate {
 position:absolute;
 height:25px;
 line-height:25px;
 right:0;
 bottom:8px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title .more-cate:hover .icon-right-hover {
 background:url() no-repeat;
 background-size:auto 10px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .sec-title .more-cate .icon-right {
 position:relative;
 display:inline-block;
 width:20px;
 height:20px;
 background:url() no-repeat;
 background-size:auto 10px;
 top:10px;
 left:1px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group {
 line-height:30px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item:nth-child(3n) {
 padding-right:0
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item {
 display:inline-block;
 line-height:20px;
 width:90px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 padding-right:23px;
 color:#777;
 font-size:12px
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .second-item:hover {
 color:#f63
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .sec-sub-title {
 font-size:13px;
 color:#ccc
}
.cate-container .cate-index .cate-nav .first-cate .first-item .sec-cate .groups .group .sec-sub-title:hover {
 color:#f63
}
.cate-container .cate-index .cate-nav .active {
 color:#fff;
 background:rgba(255,255,255,.2)
}
.cate-container .cate-index .cate-nav .active .span-container a:hover {
 color:#f63
}
.cate-container .cate-index .cate-nav .active .span-container a:hover .index-item,.cate-container .cate-index .cate-nav .active .span-container a:hover .index-title {
 color:#fff
}
.cate-container .fixed-card {
 width:80px;
 height:100px;
 background:url(//www.dpfile.com/app/pc-common/i/goverment.png) no-repeat;
 background-size:80px auto;
 position:fixed;
 right:0;
 bottom:100px;
 cursor:pointer;
 z-index:999
}
.cate-container.search-cate-nav {
 position:absolute;
 background:#fff;
 box-shadow:-1px 2px 6px rgba(0,0,0,.3)
}
.cate-container.search-cate-nav .first-cate .first-item .primary-container .span-container a {
 color:#333
}
.cate-container.search-cate-nav .first-cate .first-item .primary-container .span-container a:hover {
 color:#f63
}
.cate-container.search-cate-nav .first-cate .first-item .primary-container .span-container .index-item span {
 color:#666
}
.cate-container.search-cate-nav .first-cate .first-item .primary-container .span-container .index-item span:hover {
 color:#f63
}
.cate-container.search-cate-nav .first-cate .first-item .sec-cate {
 background:#f8f8f8;
 border:2px solid #f8f8f8
}
.cate-container.search-cate-nav .first-cate .first-item .sec-cate .groups .group .second-item {
 color:#666
}
.cate-container.search-cate-nav .first-cate .first-item .sec-cate .groups .group .second-item:hover,.logo-input .logo-input-container .city:hover {
 color:#f63
}
.cate-container.search-cate-nav .active {
 background:#f8f8f8
}
.cate-container.search-cate-nav .active .span-container,.cate-container.search-cate-nav .active span {
 background:0 0
}
.logo-input {
 width:100%;
 min-width:1190px;
 padding:20px 0 5px;
 height:68px;
 background-color:#fff;
 font-size:12px
}
.logo-input .clearfix {
 content:"";
 display:block;
 overflow:hidden;
 clear:both
}
.logo-input .Hide {
 display:none
}
.logo-input a {
 text-decoration:none
}
.logo-input .logo-input-container {
 width:1190px;
 margin:0 auto
}
.logo-input .logo-input-container .logo {
 background:url(//www.dpfile.com/app/pc-common/i/logo.png) no-repeat;
 float:left;
 width:165px;
 height:48px;
 background-size:165px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .logo-input .logo-input-container .logo {
  background-image:url(//www.dpfile.com/app/pc-common/i/logo@2x.png)
 }
}
.logo-input .logo-input-container .city {
 position:relative;
 float:left;
 height:42px;
 font-size:15px;
 line-height:42px;
 padding:0 10px;
 margin:0 0 0 25px;
 text-decoration:none;
 z-index:110;
 cursor:pointer;
 vertical-align:middle
}
.logo-input .logo-input-container .city:hover .icon {
 background-image:url()
}
.logo-input .logo-input-container .city:before {
 content:"|";
 position:absolute;
 left:-10px;
 color:#e1e1e1
}
.logo-input .logo-input-container .city .icon {
 background-image:url();
 background-repeat:no-repeat;
 display:inline-block;
 width:15px;
 height:15px;
 margin-left:5px;
 vertical-align:middle;
 background-size:11px auto;
 background-position:left center;
 position:relative;
 top:2px;
 float:unset
}
.logo-input .logo-input-container .city span {
 display:inline-block;
 max-width:60px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 vertical-align:middle;
 color:#333
}
.logo-input .logo-input-container .city-active {
 position:relative;
 border:1px solid #e3e3e3;
 border-bottom:none;
 padding:0 9px;
 background-color:#fff;
 z-index:111
}
.logo-input .logo-input-container .city-active:before {
 display:none
}
.logo-input .logo-input-container .city-active .icon {
 background-image:url();
 background-repeat:no-repeat
}
.logo-input .logo-input-container .city-list {
 position:absolute;
 top:62px;
 border:1px solid #e3e3e3;
 background-color:#fff;
 width:472px;
 z-index:110;
 padding-bottom:28px
}
.logo-input .logo-input-container .city-list .group {
 position:relative;
 padding:10px 0 10px 78px;
 border-top:1px solid #f5f5f5;
 line-height:2
}
.logo-input .logo-input-container .city-list .group:first-child {
 border-top:none
}
.logo-input .logo-input-container .city-list .group .title {
 position:absolute;
 left:10px;
 top:10px;
 font-size:12px;
 color:#999;
 width:68px;
 overflow:hidden
}
.logo-input .logo-input-container .city-list .group a {
 float:left;
 width:60px;
 margin-right:5px;
 color:#515151;
 overflow:hidden;
 white-space:nowrap
}
.logo-input .logo-input-container .city-list .group a:hover {
 color:#f63
}
.logo-input .logo-input-container .city-list .all {
 position:absolute;
 right:20px;
 bottom:8px;
 color:#999
}
.logo-input .logo-input-container .search-bar {
 position:relative;
 float:left;
 margin-left:85px;
 height:75px
}
.logo-input .logo-input-container .search-bar .search-container {
 position:relative
}
.logo-input .logo-input-container .search-bar .search-container span {
 float:left
}
.logo-input .logo-input-container .search-bar .search-container .i-search {
 display:inline-block;
 width:20px;
 height:20px;
 background:url() no-repeat;
 position:absolute;
 left:10px;
 top:10px
}
.logo-input .logo-input-container .search-bar .search-container input {
 width:400px;
 height:14px;
 padding:9px;
 border:2px solid #f63;
 text-indent:22px;
 font-size:12px;
 outline:0;
 box-sizing:content-box
}
.logo-input .logo-input-container .search-bar .search-container input:focus {
 outline:0
}
.logo-input .logo-input-container .search-bar .search-container input::-webkit-input-placeholder {
 color:#ccc
}
.logo-input .logo-input-container .search-bar .search-container .search-bnt-panel {
 display:inline-block;
 position:relative;
 left:-2px;
 width:250px
}
.logo-input .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn {
 display:inline-block;
 padding:10px;
 height:16px;
 line-height:16px;
 width:100px;
 background-color:#f63;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-size:16px
}
.logo-input .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn span {
 font-size:14px;
 line-height:40px
}
.logo-input .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn:hover {
 opacity:.85
}
.logo-input .logo-input-container .search-bar .search-container .search-bnt-panel .search-btn.search-all-bnt {
 position:relative;
 padding:9px;
 background-color:#fff;
 border:1px solid #ccc;
 color:#515151;
 margin-left:5px
}
.logo-input .logo-input-container .search-bar .hot-search {
 margin-top:4px;
 font-size:12px;
 margin-left:5px;
 width:600px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.logo-input .logo-input-container .search-bar .hot-search .hot-search-tips {
 color:#ccc
}
.logo-input .logo-input-container .search-bar .hot-search .search-word {
 padding-left:15px;
 color:#999
}
.logo-input .logo-input-container .search-bar .hot-search .search-word:hover {
 color:#f63
}
.logo-input .logo-input-container .qrcode-container {
 float:right;
 position:relative;
 z-index:2
}
.logo-input .logo-input-container .qrcode-container .close {
 display:inline-block;
 background:url() no-repeat;
 width:14px;
 height:14px;
 position:absolute;
 left:-12px;
 top:0;
 background-size:14px auto
}
.logo-input .logo-input-container .qrcode-container .qrcode {
 border:1px solid #e0e0e0;
 display:inline-block;
 text-align:center;
 padding:0 5px
}
.logo-input .logo-input-container .qrcode-container .qrcode .qrcode-img {
 background:url(//www.dpfile.com/app/pc-common/i/app-qrcode-color.png) no-repeat;
 width:70px;
 height:75px;
 background-size:70px auto
}
.logo-input .logo-input-container .qrcode-container .qrcode .qrcode-text {
 color:#515151;
 font-size:11px
}
.logo-input .logo-input-container .channel-logo {
 float:left;
 width:60px;
 height:36px
}
.logo-input .logo-input-container .channel-logo:before {
 display:inline-block;
 content:"|";
 position:relative;
 left:-8px;
 top:6px;
 color:#e1e1e1;
 font-size:18px
}
.logo-input .dp-search-suggest {
 font-size:13px;
 position:absolute;
 border:1px solid #e3e3e3;
 top:94px;
 left:700px;
 width:419px;
 background-color:#fff;
 z-index:70
}
.logo-input .dp-search-suggest .keyword {
 float:left;
 margin-right:8px;
 font-weight:400;
 width:270px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.logo-input .dp-search-suggest .keyword em {
 color:#f63;
 font-style:normal
}
.logo-input .dp-search-suggest .suggest-item {
 display:block;
 padding:0 10px;
 color:#515151;
 line-height:28px;
 height:28px;
 cursor:pointer
}
.logo-input .dp-search-suggest .suggest-item:hover {
 background:#e1e1e1
}
.logo-input .dp-search-suggest .suggest-item:after {
 clear:both;
 display:block;
 height:0;
 content:''
}
.logo-input .dp-search-suggest .suggest-item .count {
 float:right;
 color:#999
}
.logo-input .dp-search-suggest .suggest-item .remove {
 float:right;
 text-align:center;
 color:#999
}
.logo-input .dp-search-suggest .ac-type-title {
 cursor:default
}
.logo-input .dp-search-suggest .ac-type-title .keyword {
 color:#999
}
.logo-input .dp-search-suggest .ac-type-title:hover {
 background:#fff
}
.logo-input .dp-search-suggest .active {
 text-decoration:none;
 background:#e1e1e1
}
.logo-input .dp-search-suggest .active span {
 background:0 0;
 color:#999
}
#logo-input .logo-input-container .logo-baby {
 background:url(//www.dpfile.com/app/pc-common/i/qinzi-logo.png) no-repeat;
 width:240px;
 height:38px;
 background-size:240px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 #logo-input .logo-input-container .logo-baby {
  background:url(//www.dpfile.com/app/pc-common/i/qinzi-logo@2x.png) no-repeat;
  background-size:240px auto
 }
}
#logo-input .logo-input-container .logo-education {
 background:url(//www.dpfile.com/app/pc-common/i/education-logo.png) no-repeat;
 width:305px;
 height:38px;
 background-size:305px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 #logo-input .logo-input-container .logo-education {
  background:url(//www.dpfile.com/app/pc-common/i/education-logo@2x.png) no-repeat;
  background-size:305px auto
 }
}
#logo-input .logo-input-container .logo-home {
 background:url(//www.dpfile.com/app/pc-common/i/home-logo.png) no-repeat;
 width:250px;
 height:38px;
 background-size:250px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 #logo-input .logo-input-container .logo-home {
  background:url(//www.dpfile.com/app/pc-common/i/home-logo@2x.png) no-repeat;
  background-size:250px auto
 }
}
#logo-input .logo-input-container .logo-beauty {
 background:url(//www.dpfile.com/app/pc-common/i/beauty-logo.png) no-repeat;
 width:246px;
 height:38px;
 background-size:246px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 #logo-input .logo-input-container .logo-beauty {
  background:url(//www.dpfile.com/app/pc-common/i/beauty-logo@2x.png) no-repeat;
  background-size:246px auto
 }
}
#logo-input .logo-input-container .logo-wedding {
 background:url(//www.dpfile.com/app/pc-common/i/wedding-logo.png) no-repeat;
 width:246px;
 height:38px;
 background-size:246px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 #logo-input .logo-input-container .logo-wedding {
  background:url(//www.dpfile.com/app/pc-common/i/wedding-logo@2x.png) no-repeat;
  background-size:246px auto
 }
}
#logo-input .logo-input-container .logo-group {
 background:url(//www.dpfile.com/app/pc-common/i/group-logo.png) no-repeat;
 width:305px;
 height:38px;
 background-size:305px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 #logo-input .logo-input-container .logo-group {
  background:url(//www.dpfile.com/app/pc-common/i/group-logo@2x.png) no-repeat;
  background-size:305px auto
 }
}
.user-center-top .top-nav {
 width:100%;
 min-width:960px;
 height:45px;
 background-color:#313131
}
.user-center-top .top-nav a {
 color:#999
}
.user-center-top .top-nav .top-nav-container {
 width:960px
}
.user-center-top .top-nav .top-nav-container .mini-logo .icon-logo {
 background:url() no-repeat;
 width:105px;
 height:30px;
 top:-3px;
 background-size:105px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .user-center-top .top-nav .top-nav-container .mini-logo .icon-logo {
  background:url(//www.dpfile.com/app/pc-common/i/logo_user@2x.png) no-repeat;
  background-size:105px auto
 }
}
.user-center-top .top-nav .top-nav-container .quick-menu {
 padding-top:4px
}
.user-center-top .top-nav .top-nav-container .group .item {
 border-left:1px solid #313131;
 border-right:1px solid #313131
}
.user-center-top .top-nav .top-nav-container .group .current {
 border:1px solid #fff;
 background-color:#fff
}
.user-center-top .top-nav .site-nav {
 width:958px
}
.user-center-top .top-nav .site-nav .maplist .list {
 width:34%
}
* {
 padding:0;
 margin:0
}
body {
 background:#f8f8f8;
 font-family:PingFangSC-Regular,Microsoft YaHei,'Hiragino Sans GB',Helvetica
}
.top-nav {
 width:100%;
 min-width:1190px;
 height:35px;
 background-color:#f6f6f6;
 font-family:PingFangSC-Regular,Microsoft YaHei,sans-serif;
 font-size:12px
}
.top-nav .clearfix {
 content:"";
 display:block;
 overflow:hidden;
 clear:both;
 position:unset
}
.top-nav .Hide {
 display:none
}
.top-nav a {
 text-decoration:none;
 color:#333
}
.top-nav .top-nav-container {
 width:1190px;
 margin:0 auto
}
.top-nav .top-nav-container .icon {
 display:inline-block;
 vertical-align:middle;
 overflow:hidden;
 float:none
}
.top-nav .top-nav-container .i-arrow {
 width:10px;
 height:10px;
 margin-left:6px;
 background:url() no-repeat;
 background-size:10px 10px
}
.top-nav .top-nav-container .mini-logo {
 float:left
}
.top-nav .top-nav-container .mini-logo .icon-logo {
 background:url() no-repeat;
 display:inline-block;
 width:16px;
 height:16px;
 vertical-align:middle;
 padding-right:5px;
 position:relative;
 top:-2px;
 background-size:16px auto
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .top-nav .top-nav-container .mini-logo .icon-logo {
  background:url() no-repeat;
  background-size:16px auto
 }
}
.top-nav .top-nav-container .mini-logo a.item {
 padding-left:5px
}
.top-nav .top-nav-container .quick-menu {
 float:right
}
.top-nav .top-nav-container .group .item {
 float:left;
 padding:0 17px;
 line-height:17px;
 cursor:pointer;
 vertical-align:middle;
 margin:10px 0;
 border-left:1px solid #f6f6f6;
 border-right:1px solid #f6f6f6
}
.top-nav .top-nav-container .group .item.login {
 padding-left:0;
 color:#f65d29
}
.top-nav .top-nav-container .group .seprate {
 float:left;
 line-height:35px;
 color:#c7c7c7
}
.top-nav .top-nav-container .group .current {
 display:inline-block;
 position:relative;
 height:35px;
 line-height:35px;
 border:1px solid #e1e1e1;
 border-width:0 1px;
 background-color:#fff;
 text-decoration:none;
 margin-top:0;
 margin-bottom:0;
 z-index:113
}
.top-nav .top-nav-container .group .current .i-arrow {
 background:url() no-repeat;
 background-size:10px 10px
}
.top-nav .top-nav-container .group .user-msg.current {
 border:1px solid #e1e1e1;
 border-width:0 1px
}
.top-nav .top-nav-container .group .count {
 display:inline-block;
 padding:1px 6px;
 height:12px;
 line-height:12px;
 border-radius:7px;
 background-color:#f63;
 color:#fff;
 margin-left:5px
}
.top-nav .top-nav-container a:hover {
 text-decoration:none;
 color:#f65d29
}
.top-nav .panel {
 position:absolute;
 top:35px;
 background-color:#fff;
 border:1px solid #e1e1e1;
 z-index:112
}
.top-nav .message a:hover,.top-nav .my-center a:hover {
 background-color:#f6f6f6
}
.top-nav .my-center {
 width:100px;
 text-align:left
}
.top-nav .my-center a {
 display:block;
 height:30px;
 line-height:30px;
 padding-left:16px
}
.top-nav .my-center .my-center-item {
 border-top:1px solid #f5f5f5
}
.top-nav .my-center .shop-item {
 border-top:1px solid #f5f5f5;
 border-bottom:1px solid #f5f5f5
}
.top-nav .J-shop-serve-target {
 text-align:left
}
.top-nav .J-shop-serve-target a {
 padding-left:16px
}
.top-nav .user-card {
 top:34px;
 padding:20px 10px 30px 90px;
 min-width:175px;
 min-height:50px
}
.top-nav .user-card .avatar {
 position:absolute;
 left:15px;
 top:15px;
 width:60px;
 height:60px;
 border-radius:30px;
 overflow:hidden
}
.top-nav .user-card .avatar img {
 display:block;
 width:100%;
 height:100%
}
.top-nav .user-card .logout-container {
 position:absolute;
 right:10px;
 bottom:10px
}
.top-nav .user-card .logout-container .logout,.top-nav .user-card .logout-container .setting {
 color:#8c8c8c
}
.top-nav .user-card .logout-container .line {
 color:#8c8c8c;
 padding:0 2px
}
.top-nav .user-card .name {
 font-size:14px;
 line-height:1.5;
 margin-right:5px
}
.top-nav .user-card .user-rank-rst {
 vertical-align:-1px
}
.top-nav .user-card .info {
 line-height:1.5;
 margin-top:4px;
 margin-right:-10px;
 white-space:nowrap
}
.top-nav .user-card .info .item {
 margin-right:10px
}
.top-nav .message {
 min-width:85px
}
.top-nav .message a {
 display:block;
 height:28px;
 line-height:28px;
 padding:0 17px
}
.top-nav .message a strong {
 margin-left:10px;
 color:#f65d29
}
.top-nav .message .ignore {
 color:#8c8c8c;
 margin-top:4px;
 cursor:pointer
}
.top-nav .message .ignore:hover {
 background-color:#fff
}
.top-nav .site-nav {
 width:1188px
}
.top-nav .site-nav .maplist {
 list-style:none;
 margin:15px 0
}
.top-nav .site-nav .maplist .list {
 float:left;
 width:24%;
 border-right:1px solid #eee;
 box-sizing:border-box;
 padding:0 30px;
 min-height:340px
}
.top-nav .site-nav .maplist .list:last-child {
 width:auto;
 border-right:0
}
.top-nav .site-nav .maplist .list .list-container {
 margin-top:5px
}
.top-nav .site-nav .maplist .list .list-container a:hover {
 color:#f63
}
.top-nav .site-nav .maplist .list .list-container span {
 color:#c7c7c7
}
.top-nav .site-nav .maplist .list .list-container .list-title {
 color:#c7c7c7;
 font-size:13px;
 display:inline-block;
 line-height:28px
}
.top-nav .site-nav .maplist .list .list-container .app-title {
 font-size:14px;
 padding-left:15px
}
.top-nav .site-nav .maplist .list .list-container .item {
 float:left;
 color:#555;
 font-size:12px;
 line-height:25px;
 padding-left:10px
}
.top-nav .site-nav .maplist .list .list-container .item:after {
 content:'|';
 height:14px;
 padding-left:10px;
 color:#e1e1e1
}
.top-nav .site-nav .maplist .list .list-container .item:first-child {
 padding-left:0
}
.top-nav .site-nav .maplist .list .list-container .item:last-child:after {
 content:'';
 height:0
}
.top-nav .site-nav .maplist .list .list-container .list-pic a {
 color:#c7c7c7;
 font-size:12px
}
.top-nav .site-nav .maplist .list .list-container .list-pic a:hover {
 color:#f65d29
}
.top-nav .site-nav .maplist .list .list-container .list-pic .qrcode-icon {
 padding:5px 10px;
 display:block;
 height:100px;
 width:100px
}
.top-nav .site-nav .maplist .list .list-container .list-pic .qrcode-container {
 float:left;
 text-align:center;
 padding:20px 0 20px 25px;
 width:120px
}
.top-nav .site-nav .maplist .list .list-container .list-pic .qrcode-container:first-child {
 padding-left:0
}
.top-nav .site-nav .maplist .list .list-container .list-pic .qrcode-container .wx-qrcode {
 background:url(//www.dpfile.com/app/pc-common/i/wx-qrcode.png) center center no-repeat;
 background-size:100px 100px
}
.top-nav .site-nav .maplist .list .list-container .list-pic .qrcode-container .qq-qrcode {
 background:url(//www.dpfile.com/app/pc-common/i/qq-qrcode.png) center center no-repeat;
 background-size:100px 100px
}
.top-nav .site-nav .maplist .list .list-container .list-pic .qrcode-container span {
 color:#c7c7c7
}
.top-nav .site-nav .maplist .list .list-container .app-container {
 float:left;
 width:70px;
 text-align:center;
 padding:15px 10px
}
.top-nav .site-nav .maplist .list .list-container .app-container .app-icon {
 display:inline-block;
 height:60px;
 width:60px
}
.top-nav .site-nav .maplist .list .list-container .app-container .dp-app {
 background:url(//www.dpfile.com/app/pc-common/i/dp-app.png) no-repeat;
 background-size:auto 60px
}
.top-nav .site-nav .maplist .list .list-container .app-container .gj-app {
 background:url(//www.dpfile.com/app/pc-common/i/dpgj-app@1x.png) no-repeat;
 background-size:auto 60px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
 .top-nav .site-nav .maplist .list .list-container .app-container .gj-app {
  background:url(//www.dpfile.com/app/pc-common/i/dpgj-app@2x.png) no-repeat;
  background-size:60px auto
 }
}
